
var xhr;
var flag = true; // 중복 - 전송 안됨 

	function checkId(){
		var idTxt = document.getElementById("id").value;
		if(idTxt.length < 4){
			// id가 4글자 이하면 <span> 4글자 이상 입력하세요</span>
			document.getElementById("check_id").innerHTML="<font color='red'>ID는 4글자 이상 입력하세요.</font>";
		}else{
			// id가 2글자 이상이면 중복 검사(서버에 요청) :
			// 요청 메소드: POST, url : AjaxServlet, 비동기 : true
			// 1. XMLHttpRequest 객체생성
			if(window.ActiveXObject){
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}else{
				xhr = new XMLHttpRequest();
			}
			// open
			xhr.open("POST", "AjaxServlet", true);
			// 3. 이벤트 핸들러
			xhr.onreadystatechange = callback;
			
			// 4. POST - request 헤더에 content type 설정
			xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");
			// 5. 전송 - POST : send("요청파라미터");
			xhr.send("cmd=checkId&id="+idTxt);
		}
		
	}
	
	function callback(){
		// 응답이 정상적으로 오면 -> 
		if(xhr.readyState==4){
			if(xhr.status==200){
				var txt = xhr.responseText;
				flag = eval(txt);
				var span = document.getElementById("check_id");
				if(flag){// true <span> 중복된 ID로 사용할 수 없습니다.</span>
					span.innerHTML = "<font color='red'>중복된 ID이므로 사용할 수 없습니다.</font>";
				}else{// false <span> 사용할 수 있는 ID입니다.</span> 
					span.innerHTML = "<font color='red'>사용할수 있는 ID입니다.</font>";
				}
				
			}else{
				alert("요청 처리시 오류 발생 : "+xhr.status+" - "+xhr.statusText);
			}
		}
	
	}
	
	function joinCheck(){
		// id 체크
		if(flag){ // 중복된 ID
			alert("중복된 ID입니다. 다시 입력하세요");
			document.getElementById("id").focus();
			return false;
			
		}
		
		if(!document.getElementById("password").value){
			alert("패스워드를 입력하세요.");
			return false;
		}
		
	}
